import React from 'react';
// import { MyFormItem, MyForm, Input, Button, Radio } from '@components'

export default class extends React.Component {
	constructor() {
		super();
		this.state = {
			// formLayout: 'horizontal',
		};
	}

	vilidateOptions = {

		"tel": {
			rules: [{
				type: '', message: '请输入正确的手机号',
			}, {
				required: true, message: '请输入手机号',
			}]
		},
		"email": {
			rules: [{
				type: 'email', message: '请输入正确的邮箱哦~',
			}, {
				required: true, message: '请输入邮箱哦~',
			}]
		}
	}
	handleSubmit = (data) => {
		console.log("dataa", data)

	}
	handleCancle = () => {
		console.log("1010")
		this.props.onCancle()

	}
	render() {
		// const { form } = this.props;
		// console.log("aaaaaaaaaaaaaaa", form)

		return (
			<div>
				个人信息
				{/* <MyForm onSubmit={this.handleSubmit}> */}
				{/* <MyFormItem
						label="用户名"
						field="name"
					>
						<span>悠然小妹1号</span>
					</MyFormItem>
					<MyFormItem
						label="用户角色"
						field="role"
					>
						<span>运营1组</span>
					</MyFormItem>
					<MyFormItem
						label="性别"
						field="gendle"
						renderType='select'
						isCheck
						selectOptions={[{
							value: "00",
							name: "男"
						},
						{
							value: "01",
							name: "女"
						}]}
					/>
					<MyFormItem
						label="手机号"
						field="tel"
						renderType='tel'
						isCheck
					/>
					<MyFormItem
						label="邮箱"
						field="email"
						renderType='email'
						getFieldDecoratorOptions={this.vilidateOptions.email}

					>
						<Input type="email" placeholder="请输入邮箱" />
					</MyFormItem>
					<MyFormItem
						label="旧密码"
						field="oldPassword"
						renderType="password"
					>
						<Input type="Password" placeholder="请输入原来的密码" />
					</MyFormItem>
					<MyFormItem
						label="新密码"
						field="newPassword"
						renderType="password"

					>
						<Input type="Password" placeholder="请输入新密码" />
					</MyFormItem>
					<MyFormItem label=""
						colon={false}
						style={{ marginTop: 32 }}>
						<Button type="primary" htmlType="submit">
							提交
          				</Button>
						<Button onClick={this.handleCancle} style={{ marginLeft: 8 }}>取消</Button>
					</MyFormItem> */}
				{/* </MyForm> */}
			</div>
		);
	}
}